<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <LinkTo class="navbar-brand" @route="index">Ember Collection</LinkTo>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
        <li><LinkTo @route="index">Home</LinkTo></li>
        <li><LinkTo @route="simple">Fixed Grid</LinkTo></li>
        <li><LinkTo  @route="mixed">Mixed Grid</LinkTo></li>
        <li><LinkTo @route="percentages">Percentages</LinkTo></li>
        <li><LinkTo @route="scroll-position">Scroll Position</LinkTo></li>
        </ul>
    </div>{{!--/.navbar-collapse --}}
    </div>
</nav>

<div class="container">
    {{outlet}}
</div>
